* {margin: 0;padding: 0;}
li {list-style: none;}
a {text-decoration: none;}
img {vertical-align: middle;}
i {font-style: normal;}
input, button {outline: none;}
body {font-size: 14px;font-family: "microsoft yahei";}
.wrap {width: 1220px;margin: 0px auto;}
.wrap::after {content: '';display: block;clear: both;}
.wrap-main {width: 1100px;margin: 0px auto;}
.wrap-main::after {content: '';display: block;clear: both;}
.clearfix::after {content: '';display: block;clear: both;}
/* 首页 */
/* header */
.header {height: 80px;background: #fff;}
.logo {float: left}
.logo img {width: 90%;}
.nav {float: left;margin-left: 15px;}
.nav ul li {float: left;position: relative;}
.nav ul li>a {display: block;padding: 0px 17px;height: 80px;line-height: 100px;font-size: 17px;color: #000;}
.nav ul li:hover::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 2px;background: #F20015;}
.subnav {position: absolute;top: 80px;left: 0;width: 100%;min-height: 290px;border-bottom: 4px solid #333;box-shadow: 0 5px 21px 0px #e4e4e4 inset;padding-top: 30px;padding: 30px 10px 0px 10px;box-sizing: border-box;display: none;background: #fff;z-index: 2;}
.subnav dl {float: left;margin-right: 100px;}
.subnav dt {font-size: 24px;color: #000;}
.subnav dd a {font-size: 17px;color: #000;height: 26px;line-height: 26px;}
.header-top-right {float: right}
.message {padding-top: 10px;}
.message ul li {float: left;position: relative;padding: 0px 8px 0px 7px;}
.message ul li::after {content: '';position: absolute;right: 0;width: 1px;height: 13px;background: #969696;top: 52%;transform: translateY(-50%);}
.message ul li:last-child::after {display: none;}
.message ul li:hover .submenu {display: block;}
.message ul li a {font-size: 12px;color: #333;}
.message ul li a:hover {color: #ff1800;}
.submenu {position: absolute;left: -18px;top: 25px;width: 100px;padding: 2px;background: #fff;border: 1px solid #f4f4f4;display: none;}
.submenu a {display: block;height: 30px;line-height: 30px;padding-left: 15px;}
#test {width: 195px;height: 28px;line-height: 28px;border: 1px solid #a0a0a0;float: left;padding-left: 5px;border-right: none;}
#sbtn {width: 30px;height: 30px;background: #F20015;border: none;float: left;cursor: pointer;}
.search {float: right;margin-top: 10px;}
/* banner */
.banner {min-width: 1220px;}
.slideBox {width: 100%;height: 615px;overflow: hidden;position: relative;}
.slideBox .hd {position: absolute;bottom: 0;z-index: 1;text-indent: -999px;left: 50%;transform: translateX(-50%);}
.slideBox .hd::after {content: '';display: block;clear: both;}
.slideBox .hd ul {overflow: hidden;zoom: 1;float: left;transform: skewx(-30deg);-webkit-transform: skewx(-30deg);background: #f2f2f2;padding: 8px 15px;border-radius: 5px;}
.slideBox .hd ul li {float: left;margin-right: 2px;width: 6px;height: 14px;line-height: 20px;text-align: center;background: #fff;cursor: pointer;background: #999;margin: 0px 15px;border-radius: 2px;}
.slideBox .hd ul li.on {background: #e60012;color: #fff;}
.slideBox .bd {position: relative;height: 100%;z-index: 0;}
.slideBox .bd li {zoom: 1;vertical-align: middle;}
.slideBox .bd img {width: 1920px;height: 550px;position: absolute;left: 50%;margin-left: -960px;}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox .prev {position: absolute;left: 3%;top: 38%;display: block;width: 20px;height: 45px;background: url(../img/icon2.png) no-repeat;}
.slideBox .next {position: absolute;right: 3%;top: 38%;display: block;width: 20px;height: 45px;background: url(../img/icon1.png) no-repeat;}
.slideBox .prev:hover {background: url(../img/iconL.png) no-repeat;}
.slideBox .next:hover {background: url(../img/iconR.png) no-repeat;}
.box1 {}
.box1-title {position: relative;width: 160px;margin: auto;}
.box1-title::before {right: 100%;position: absolute;top: 50%;content: "";width: 150px;display: block;height: 1px;background: #999;}
.box1-title::after {left: 100%;position: absolute;top: 50%;content: "";width: 150px;display: block;height: 1px;background: #999;}
.box1-title h3 {font-size: 30px;color: #666;text-align: center;}
.box1-title p {text-align: center;color: #999;font-size: 17px;}
.box1-con {position: relative;overflow: hidden;height: 250px;margin-top: 75px;}
.box1-con-left {width: 59.47%;height: 2em;color: #fff;vertical-align: middle;display: inline-block;height: 185px;background: #d43f34;text-align: right;}
.adv {text-align: left;width: 790px;display: inline-block;margin-top: 30px;}
.adv h3 {font-size: 25px;font-weight: normal;}
.adv p {font-size: 15px;margin-top: 5px;}
.link {margin-top: 12px;}
.adv a {width: 76px;height: 32px;display: block;text-align: center;float: left;color: #fff;line-height: 32px;position: relative;overflow: hidden;}
.adv a::before {content: '';display: block;position: absolute;left: 0;height: 100%;width: 0;top: 0;background: rgba(255, 255, 255, 0.2);transition: 0.5s;}
.adv a:hover::before {width: 100%;}
.adv a::after {box-shadow: 0 0 0.2em 0.1em #481511;content: '';display: block;position: absolute;right: 0;height: 100%;width: 0;top: 0;}
.adv a:nth-of-type(1) {background: #7d241d;}
.adv a:nth-of-type(2) {background: #9a2b23;}
.adv a:nth-of-type(3) {background: #ab3229;}
@media (max-width: 1700px) {.adv {width: 670px;}
}
@media (max-width: 1402px) {.adv {width: 89%}
}
.box1-con-right {background: url(../img/index1.png) no-repeat;top: -46px;position: absolute;right: 50%;margin-right: -1000px;width: 1185px;height: 250px;}
.slideTxtBox {width: 1100px;}
.slideTxtBox .hd {width: 20px;float: left;margin-top: 20px;font-size: 12px;}
.slideTxtBox .hd ul li {cursor: pointer;width: 20px;height: 80px;border-radius: 3px;position: relative;background: #999999;margin-bottom: 3px;transform: skewY(30deg);-webkit-transform: skewY(30deg);}
.slideTxtBox .hd ul li span {display: inline-block;vertical-align: middle;position: relative;white-space: normal;text-align: center;position: absolute;top: 50%;transform: translateY(-50%) skewY(-30deg);color: #fff;}
.slideTxtBox .hd ul li.on {background: #f60012;}
.slideTxtBox .bd {float: right;width: 1030px;overflow: hidden;padding: 15px;}
.slideTxtBox .bd ul {width: 1150px;zoom: 1;min-height: 510px;}
.slideTxtBox .bd ul::after {content: '';display: block;clear: both;}
.slideTxtBox .bd li {width: 186px;height: 240px;float: left;margin-right: 20px;transition: .3s;margin-top: 15px;}
.slideTxtBox .bd li:hover {-webkit-box-shadow: 0 1.5px 10px #888888;box-shadow: 0 1.5px 10px #888888;-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.slideTxtBox .bd li a {width: 186px;height: 240px;display: block;}
.slideTxtBox .bd li img {width: 164px;height: 164px;display: block;margin: 0px auto;}
.slideTxtBox .tit {width: 144px;font-size: 14px;border-top: 1px solid #f6f6f6;height: 20px;line-height: 20px;margin: auto;text-align: center;display: block;padding-top: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #333;}
.price {color: #f60012;text-align: center;display: block;font-size: 17px;}
/* footer */
.footer {min-width: 1220px;}
.footer-top {height: 100px;background: #f4f4f4;color: #585858;margin: auto;background: #fff;}
.footer-top ul {overflow: hidden;}
.footer-top ul li {float: left;padding: 0px 38px;height: 55px;line-height: 55px;margin-top: 23px;border-right: 1px solid #c7c6c6;}
.footer-top ul li:last-child {border-right: none}
.footer-top ul li img {float: left;margin-right: 10px;height: 33px;width: auto;}
.footer-top ul li h3 {float: left;font-size: 22px;font-weight: normal;}
.footer-bottom {height: 320px;background: #000;}
.footer-links {overflow: hidden;padding: 35px 0;}
.footer-links-left dl {float: left;margin-right: 40px;line-height: 24px;}
.footer-links-left dt {color: #fff;font-weight: bold;opacity: 0.8;}
.footer-links-left dd a {color: #fff;}
.footer-links-left {float: left;width: 670px;}
.footer-links-right {float: right;width: 376px;}
.footer-links-right dl {float: left;width: 84px;margin-right: 15px;}
.footer-links-right dl:nth-of-type(2) {width: 89px;}
.footer-links-right dl:nth-of-type(3) {width: 172px;margin-right: 0;}
.footer-links-right dl:nth-of-type(3) a {background: #f60012;display: block;color: #fff;border-radius: 15px;margin: 0px auto;padding: 0 2px;width: 70px;height: 22px;line-height: 22px;}
.footer-links-right dd {color: #fff;text-align: center;margin-top: 3px;}
.footer-copy {margin: 16px 0;}
.footer-copy .wrap {padding: 25px 0px 8px 0px;border-top: 1px solid #3e3e3e;height: 39px;line-height: 39px;}
.footer-copy img {float: left}
.footer-copy span {float: left;color: #fff;margin-left: 30px;}
.f-nav {width: 40px;height: 400px;background: #000;position: fixed;right: -40px;top: 80px;z-index: 4;}
.f-nav li img {position: absolute;left: 50%;margin-left: -11px;width: 22px;}
.h-img {display: none;}
.f-nav li {padding: 10px 0;cursor: pointer;position: relative;min-height: 32px;font-size: 12px;}
.f-nav li:nth-of-type(2) {height: 80px;margin-bottom: 6px;}
.f-nav li:nth-of-type(2)::before {content: '';position: absolute;top: 0;left: 50%;transform: translateX(-50%);height: 1px;width: 18px;background: #999;}
.f-nav li:nth-of-type(2)::after {content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);height: 1px;width: 18px;background: #999;}
.f-nav li:nth-of-type(2):hover img {display: none;}
.f-nav li:nth-of-type(2):hover a {background: #f60012;top: 0;padding: 26px 0px;width: 40px;}
.f-nav li:nth-of-type(2) a {position: absolute;top: 38px;width: 20px;left: 50%;text-align: center;transform: translateX(-50%);color: #fff;}
.f-nav li:hover .img {display: none;}
.f-nav li:hover .h-img {display: block;}
.tbs {height: 40px;padding: 0px !important;}
.tbs a {display: block;color: #fff;text-align: center;width: 25px;margin: 0px auto;display: none;}
.tbs img {top: 50%;transform: translateY(-50%);}
.tbs:hover img {display: none;}
.tbs:hover a {display: block;background: #f60012;width: 40px;padding: 5px 0;}
.f-nav li:last-child {position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);}
/* 列表页 */
.wrap-list {width: 1160px;margin: auto;}
.wrap-list::after {content: '';display: block;clear: both;}
.left-screen {float: left;width: 264px;}
.main-con {}
.left-screen h1 {font-size: 30px;color: #333;height: 56px;line-height: 56px;border-bottom: 1px solid #f4f4f4;padding: 0px 8px;}
.sort ul {padding: 0px 8px;margin-top: 15px;}
.sort a {color: #000;font-size: 16px;height: 30px;line-height: 30px;}
.screen {margin-top: 24px;}
.screen h1 {margin-bottom: 10px;}
.screen-box h3 {position: relative;font-weight: normal;height: 30px;line-height: 30px;border-bottom: 1px solid #f4f4f4;font-size: 16px;padding-left: 10px;cursor: pointer;}
.screen-box ul {padding-left: 20px;padding-top: 13px;padding-bottom: 10px;}
.screen-box dl {min-height: 30px;line-height: 26px;border-top: 1px solid #f4f4f4;border-bottom: 1px solid #f4f4f4;font-size: 14px;color: #777777;padding: 5px 0 5px 10px;}
.screen-box dl dt {float: left;margin-right: 14px;}
.screen-box dl dd {float: left;padding-right: 10px;}
.screen-box ul li {font-size: 16px;height: 30px;line-height: 30px;cursor: pointer;}
.screen-box ul li:hover {color: #f60012}
.screen-box h3 i {position: absolute;right: 15px;top: 0;color: #999;height: 30px;width: 20px;text-align: center;font-size: 20px;}
.on {background: #000000;color: #fff;}
.right-goods {float: right;width: 839px;}
.header-cont {box-shadow: 0 0 5px 2px #e5e5e5;}
.right-goods h3 {font-weight: normal;}
.wrap-list {padding-top: 40px;}
.right-goods ol {height: 32px;line-height: 32px;overflow: hidden;background: #F4F4F4;color: #000;font-size: 16px;padding-left: 16px;margin-top: 30px;}
.right-goods ol li {float: left;padding: 0px 13px;cursor: pointer;}
.focus {color: #F20015}
.right-goods ul {width: 854px;padding-top: 15px;}
.right-goods ul li {width: 200px;height: 290px;float: left;margin-right: 13px;margin-bottom: 10px;transition: 0.3s;}
.right-goods ul li:hover {-webkit-box-shadow: 0 1.5px 10px #888888;box-shadow: 0 1.5px 10px #888888;-webkit-transform: translate3d(0, -2px, 0);transform: translate3d(0, -2px, 0);}
.right-goods ul li a {width: 200px height: 240px;display: block;}
.right-goods ul li img {width: 164px;height: 164px;display: block;margin: 0px auto;}
.right-goods .tit {width: 156px;font-size: 14px;border-top: 1px solid #c7c6c6;height: 20px;line-height: 20px;margin: 10px auto 0px auto;text-align: center;display: block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color: #333;padding: 10px;}
.right-goods .price {font-size: 16px;}
.wrap-cont {width: 1102px;margin: 0px auto;}
.wrap-cont::after {display: block;content: '';clear: both;}
.fdj {float: left;width: 418px;background: #eee;height: 500px}
.goods {float: right;width: 630px}
.goods>div {margin-bottom: 18px;}
.goods h4 {float: left;height: 40px;line-height: 40px;font-size: 13px;font-weight: normal;margin-right: 20px}
.path {height: 64px;line-height: 64px;color: #777;font-size: 13px;}
.goods-title {font-size: 22px;color: #333;}
.goods-price {font-size: 13px;overflow: hidden;}
.goods-price span {color: #f60012;float: left;line-height: 36px;}
.goods-price span i {font-size: 17px;}
.goods-size {overflow: hidden;}
.goods-size ul li {float: left;width: 36px;height: 36px;line-height: 36px;text-align: center;border: 1px solid #ccc;margin-right: 10px;cursor: pointer;font-size: 13px;}
.goods-number {overflow: hidden;}
.goods-select {overflow: hidden;}
.shop button {width: 170px;height: 44px;border: none;text-align: center;line-height: 44px;cursor: pointer;font-size: 18px;color: #fff;}
.shop .shop-btn {background: #f20012;margin-right: 30px;}
.shop .collect-btn {background: #585858;}
.count {overflow: hidden;padding-top: 6px;}
.count button {float: left;width: 26px;height: 26px;border: 1px solid #ddd;cursor: pointer;}
.count input {float: left;width: 50px;height: 24px;border: 1px solid #ddd;text-align: center;line-height: 24px;border-left: none;border-right: none;}
.details-cont-top {height: 42px;line-height: 42px;overflow: hidden;background: #fff;}
.details-cont-top h4 {float: left;padding-left: 20px;border: 1px solid #f4f4f4;height: 42px;line-height: 42px;box-sizing: border-box;width: 920px;color: #f20012}
.details-cont-top .gm {float: right;width: 182px;height: 42px;border: none;background: #f20012;color: #fff;cursor: pointer;}
.details-cont-bottom {padding: 20px 10px;line-height: 24px;min-height: 1000px;}
.details-bottom {margin-top: 60px;}
.shops-cont-top ul {overflow: hidden;height: 40px;line-height: 40px;}
.shops-cont-top ul li {float: left;background: #999999;margin-right: 5px;width: 364px;text-indent: 30px;font-size: 16px;color: #fff;}
.shops-cont-top ul li:last-child {margin-right: 0;}
.tips {height: 40px;line-height: 40px;font-size: 13px;color: #f60012;margin-top: 18px;}
.tips span {color: #999999}
.shops-cont-middle-table {background: #fff;}
.shops-cont-middle-table table {width: 1102px;border: 0;border-collapse: collapse;}
.shops-cont-middle-table table th {height: 65px;line-height: 65px;font-size: 16px;font-weight: normal;}
.shops-cont-middle-table table td {text-align: center;}
.shops-cont-middle-table table td .count {width: 102px;margin: auto;}
.shops-cont-middle-table table tr {border-top: 1px solid #f4f4f4;}
.shops-cont-middle-table tbody tr {height: 110px;}
.shops-cont-middle-table table td img {width: 64px;height: 64px;border: 1px solid #c7c6c6;}
.shops-cont-middle-table table td:nth-of-type(1) {width: 60px;}
.shops-cont-middle-table table td:nth-of-type(6){width:80px;}
.shops-cont-middle-table table td:last-child {width: 100px;}
.shops-cont-bottom {margin-top: 35px;margin-bottom: 30px}
.shops-cont-bottom ul {overflow: hidden;height: 55px;line-height: 55px;background: #fff;}
.shops-cont-bottom ul li {float: left;color: #585858}
.shops-cont-bottom ul li:nth-of-type(1) {width: 140px;text-align: center;}
.shops-cont-bottom ul li:nth-of-type(1) span {cursor: pointer;}
.shops-cont-bottom ul li:nth-of-type(2) {margin-left: 20px;}
.shops-cont-bottom ul li:nth-of-type(2) span {color: #f60012;padding:0px 5px}
#gwcs i{
	color: #f60012;
}
.shops-cont-bottom ul li:nth-of-type(3) {float: right}
.shops-cont-bottom ul li:nth-of-type(3) button {float: right;width: 110px;height: 55px;line-height: 55px;border: none;background: #f60012;color: #fff;font-size: 16px;cursor: pointer;}
.shops-cont-bottom ul li:nth-of-type(4) {float: right;margin-right: 40px;}
.totalPrice {color: #f60012;font-size: 16px;font-weight: bold;}
/* 登录注册 */
.login-reg {overflow: hidden;padding: 55px 0 176px 0;}
.login-reg-left {width: 550px;float: left;border-right: 1px solid #ccc;text-align: center;min-height: 400px;}
.login-reg-right {width: 318px;float: right;margin-right: 50px;}
.login-reg-left h3 {font-size: 22px;font-weight: normal;}
.btns {font-size: 16px;border-bottom: 1px solid #000;cursor: pointer;width: 132px;margin: 20px auto 25px auto;color: #666;}
.gzh {width: 154px;height: 154px;}
.t01 {font-size: 12px;color: #585858;}
.t02 {font-size: 12px;color: #f60012;}
.formbox {width: 318px;margin: 0px auto;}
.formbox h3 {font-size: 21px;color: #333;font-weight: normal;margin-bottom: 20px;}
.formbox p {margin-bottom: 20px;}
#username, #password, #repassword, #username1, #password1 {width: 316px;border: 1px solid #c7c6c6;height: 37px;padding-left: 6px;box-sizing: border-box;font-size: 14px;}
#login, #reg {width: 316px;height: 50px;line-height: 50px;font-size: 21px;background: #000;color: #fff;border: none;cursor: pointer;}
.forget a {font-size: 12px;color: #999;}
.forget a:hover {text-decoration: underline;}
.passwordtips {font-size: 12px;color: #999}
.agree {font-size: 12px;font-weight: bold;}
.agree label {cursor: pointer;vertical-align: middle;color: #999;margin-right: 5px;line-height: 20px;}
.agree input {vertical-align: middle;margin-right: 5px;}
.agree a {vertical-align: middle;color: #000;text-decoration: underline;}
#goods-template, #goods-temp, #shoptemp {display: none;}
.edits button {border: none;width: 50px;height: 24px;line-height: 26px;border-radius: 5px;cursor: pointer;font-size: 12px;}
